// pages/detail/detail.js
const app = getApp()

Page({
  data: {
    product: null,
    currentImageIndex: 0,
    relatedProducts: [],
    reviews: [],
    loading: true
  },

  onLoad(options) {
    const { id } = options
    if (id) {
      this.loadProductDetail(id)
    }
  },

  onShow() {
    // 页面显示
  },

  // 加载商品详情
  loadProductDetail(id) {
    this.setData({ loading: true })
    
    // 模拟商品详情数据
    const mockProduct = this.getMockProductDetail(id)
    
    setTimeout(() => {
      this.setData({
        product: mockProduct,
        loading: false
      })
      this.loadRelatedProducts()
    }, 1000)
  },

  // 获取模拟商品详情
  getMockProductDetail(id) {
    const products = {
      1:       {
        id: 1,
        name: '红玫瑰鲜花束',
        images: [
          '/images/rose.jpg',
          '/images/rose.jpg',
          '/images/rose.jpg'
        ],
        tags: ['经典', '浪漫'],
        description: '精选红玫瑰，浪漫表达爱意。采用新鲜花材，精心包装，是表达爱意的完美选择。',
        details: [
          '花材：红玫瑰 11支',
          '包装：精美包装纸',
          '尺寸：高度约40cm',
          '特点：寓意深刻'
        ],
        careTips: [
          '收到花束后，请及时拆开包装',
          '将花束放入清水中，保持水分充足',
          '避免阳光直射，放在阴凉通风处',
          '定期修剪花枝，延长花期'
        ]
      },
      2: {
        id: 2,
        name: '绿萝盆栽',
        images: [
          '/images/green-plant.jpg',
          '/images/green-plant.jpg'
        ],
        tags: ['净化空气', '易养'],
        description: '室内净化空气，好养易活。绿萝是室内绿植的经典选择，能够有效净化空气，美化环境。',
        details: [
          '植物：绿萝',
          '花盆：塑料花盆',
          '高度：约25cm',
          '养护：简单易养'
        ],
        careTips: [
          '保持土壤湿润，但不要积水',
          '放在明亮但避免直射阳光的地方',
          '定期浇水，夏季可增加浇水频率',
          '每月施肥一次，促进生长'
        ]
      }
    }
    
    return products[id] || products[1]
  },

  // 加载相关商品
  loadRelatedProducts() {
    const relatedProducts = [
      {
        id: 3,
        name: '多肉植物组合',
        image: '/images/succulent.jpg'
      },
      {
        id: 4,
        name: '兰花盆栽',
        image: '/images/orchid.jpg'
      }
    ]
    
    this.setData({ relatedProducts })
  },



  // 图片预览
  onImagePreview(e) {
    const current = e.currentTarget.dataset.src
    const urls = this.data.product.images
    // 抖音小程序图片预览
    console.log('预览图片:', current)
  },

  // 轮播图切换
  onImageChange(e) {
    this.setData({
      currentImageIndex: e.detail.current
    })
  },



  // 点击相关商品
  onRelatedProductTap(e) {
    const product = e.currentTarget.dataset.product
    wx.redirectTo({
      url: `/pages/detail/detail?id=${product.id}`
    })
  },

})
